@charset "utf-8";
.tenvideo_player { z-index: -1; }
.life_top { height: 35px; border-bottom: 1px solid #efefef; display: none; }
.life_topf { max-width: 1100px; margin: 0 auto; line-height: 35px; color: #6a6a6a; }
.top_left { float: left; height: 35px; }
.top_apply { float: left; position: relative; padding-right: 10px; color: #6a6a6a; }
.top_apply:after { content: ''; position: absolute; top: 10px; right: 0; height: 16px; border-left: 1px solid #eee; }
.top_slang { float: left; padding-left: 10px; position: relative; }
.top_slang span { cursor: pointer; padding-right: 20px; display: block; background: url(../images/lf1.jpg) right center no-repeat; }
.lang_tan { display: none; position: absolute; top: 36px; width: 200px; left: 0; z-index: 30; margin-top: 10px; padding: 12px 0; border: 1px solid #191919; text-align: left; background: #fff; -webkit-box-shadow: 0 3px 3px rgba(0,0,0,.3); -moz-box-shadow: 0 3px 3px rgba(0,0,0,.3); box-shadow: 0 3px 3px rgba(0,0,0,.3); }
.lang_tan a { position: relative; display: block; padding: 6px 21px 4px 18px; text-transform: uppercase; line-height: 20px; }
.lang_tan a:hover { background: #eee }
.lang_tan:after { content: ''; position: absolute; top: 0; left: 25px; width: 14px; height: 7px; margin: -7px 0 0; background: url(../images/language_tip.png) no-repeat; }
.top_right { float: right; height: 35px; }
.top_rtel { float: left; background: url(../images/lf2.jpg) left center no-repeat; padding-left: 30px; padding-right: 20px; }
.top_rtel span { font-size: 18px; font-family: Arial, Helvetica, sans-serif; }
.top_rsearch { float: left; border-left: 1px solid #eee; height: 35px; padding-left: 20px; }
.top_rsearch .inp1 { float: left; width: 120px; height: 35px; border: 0; line-height: 35px; padding-left: 3px; }
.top_rsearch .inp2 { float: left; width: 39px; height: 35px; border: 0; background: url(../images/lf3.jpg) center no-repeat; }
.life_head { max-width: 1100px; margin: 0 auto; position: relative; }
.life_logo { display: block; margin: 10px auto 0; text-align: center; }
.life_logo img { display: inline-block; }
.life_nav { display: block; }
.life_nav ul { width: 100%; text-align: center; position: relative; }
.life_nav ul li { display: inline-block; font-size: 16px; padding: 0 15px; line-height: 1; }
.life_nav ul li a { display: block; line-height: 35px; }
.life_nav ul li a.cur { background: url(../images/lf4.jpg) center bottom no-repeat; }
.life_nav ul li .navtan { display: none; position: absolute; border-top: 1px solid #6bb82a; top: 100%; left: 0; z-index: 10; width: 100%; font-size: 14px; padding: 0 0 5px; color: #b2b2b2; background: rgba(255,255,255,0.9); }
.life_nav ul li .navtan a { color: #b2b2b2; display: inline-block; line-he/ight:1;
}
.life_nav ul li .navtan a:hover { background: none; }
.life_head .top_slang { display: none; position: absolute; right: 4%; top: 0.2rem; }
.life_head i { display: none; position: absolute; left: 4%; top: 0.2rem; width: 0.39rem; height: 0.3rem; }
.life_wapnav { position: fixed; display: none; top: 0; width: 100%; max-width: 640px; height: 100%; overflow-y: hidden; z-index: 333; box-sizing: border-box; }
.navcon { float: left; height: 100%; width: 70%; background: url(../images/dh7.jpg) left center repeat-y; background-size: 100%; color: #fff; overflow-y: scroll }
.navclose { position: absolute; left: 0; top: 0; height: 100%; background: rgba(0,0,0,0.5); width: 100%; z-index: -1; }
.navcon h2 { width: 100%; text-align: center; padding: 0.1rem 0 0.2rem; }
.navcon h2 img { display: inline-block; width: 1.71rem; }
.navcon ul { float: left; width: 100%; }
.navcon ul li { float: left; width: 100%; color: #d5d5d5; list-style: none; }
.navcon ul li h3 { float: left; width: 100%; }
.navcon ul li h3 a { box-sizing: border-box; float: left; width: 100%; padding: 0.2rem 0.3rem; color: #d5d5d5; font-size: 0.26rem; border-bottom: 1px solid #023536; font-weight: normal; }
.navcon ul li h3.cur { color: #fff; background: #023536; }
.navcon ul li h4 { float: left; width: 100%; }
.navcon ul li h4 a { box-sizing: border-box; float: left; width: 100%; padding: 0.2rem 0.3rem; color: #d5d5d5; font-size: 0.26rem; border-bottom: 1px solid #023536 }
.navcon ul li .wap_ntan { float: left; width: 100%; color: #d5d5d5; display: none; }
.navcon ul li .wap_ntan a { box-sizing: border-box; float: left; width: 100%; padding: 0.2rem 0.6rem; color: #d5d5d5; font-size: 0.26rem; border-bottom: 1px solid #023536 }
.life_nav1 { display: block; }
.life_nav1 ul { width: 100%; text-align: center; position: relative; }
.life_nav1 ul li { display: inline-block; width: 135px; font-size: 17px; margin: 0; text-align: center; line-height: 1; }
.life_nav1 ul li.cur a { border-bottom: 2px solid #fff }
.life_nav1 ul li a { display: block; line-height: 60px; color: #fff; border-bottom: 2px; }
.life_nav1 ul li a span { text-transform: uppercase; }
.life_nav1 ul li a.cur { border-bottom: 2px solid #fff }
.life_nav1 ul li .navtan1 { display: none; position: absolute; top: 100%; left: 0; z-index: 10; width: 100%; font-size: 15px; padding: 0 0 5px; color: #b2b2b2; background: #fff; }
.life_nav1 ul li .navtan1.cur { display: block; }
.life_nav1 ul li .navtan1 a { color: #444; display: inline-block; line-height: 45px; border-bottom: 0; margin: 0 2% }
.life_nav1 ul li .navtan1 a:hover { background: none; color: #000; }
.life_nav1 ul li .navtan1 a.cur { background: none; color: #000; }
.life_nav1 ul li.cur .navtan1 a { background: none; }
.life_nav1 ul li.cur .navtan1 a:hover { color: #416f43; }
.life_nav1 ul li.cur .navtan1 a.cu { color: #416f43; }
.life_nav1 ul li:nth-child(5) { width: 110px; }
.life_nav1 ul li:last-child { width: 110px; }
.navtan1 { display: none; }
.life_nav1 ul li.cur .navtan1 { display: block; }
.life_logo1 { display: none; }
.header-fixed { top: 0px; right: 0; position: fixed; background: url(../images/bbg.png) center top repeat-x; progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bbg.png', sizingMethod='scale');
background-size: 100% 100%; width: 100%; height: 108px; z-index: 9999; }
.header-fixed ul { text-align: right; margin: 0 auto; max-width: 1280px; border-bottom: 0; }
.header-fixed ul li a { color: #fff; line-height: 56px; }
.header-fixed ul li .navtan1 { text-align: right; top: 100% }
.header-fixed ul li .navtan1 { margin: 0 2% }
.header-fixed .life_logo1 { display: block; float: left; margin-top: 5px; margin-left: 50px; }
.header-fixed .life_logo1 img { max-width: 170px; }
.index_dff { width: 100%; background: url(../images/bbbg.jpg) center no-repeat; progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bbbg.jpg', sizingMethod='scale');
background-size: cover; margin-top: -10px; padding-top: 10px; }
#swiper2 { }
.swiper-slide img { width: 100% }
.swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-image: url(../images/lf1.png) !important }
.swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image: url(../images/lf2.png) !important }
.swiper-pagination-bullet-active { background: #fff !important }
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { background: rgba(255,255,255,1) }
.life_icon { max-width: 1100px; margin: 0 auto; }
.life_pro { position: relative; overflow: hidden; float: left; width: 50%; height: 100%; display: -webkit-box; opacity: 0; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }
.life_pa { float: left; width: 50%; height: 100%; }
.life_pa img { display: block; width: 100%; opa/city:0.6;
height: 100%; }
.life_pa .ii1 { position: absolute; left: 0; width: 50%; height: 100%; background: rgba(0,0,0,0.3) }
.life_pa .ii2 { position: absolute; right: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3) }
.life_pa1 { float: left; width: 50%; color: #fff; text-align: center; }
.life_pa1 h4 { text-align: center; font-size: 24px; margin: 15% 0 0; }
.life_pa1 span.cc { display: block; text-align: left; line-height: 30px; margin: 10% 0 0; padding: 0 5%; }
.life_pa1 span.d_more { display: block; line-height: 30px; margin: 8% 0 0 }
.d_color1 { background: #383f47; }
.d_color2 { background: #646560; }
.d_color3 { background: rgba(0,0,0,0.5) }
.life_pro:last-child h4 { margin-top: 30%; }
.life_pro:nth-child(1) { -webkit-animation-delay: 0s; animation-delay: 0s; }
.life_pro:nth-child(2) { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; }
.life_pro:nth-child(3) { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; }
.life_pro:nth-child(4) { -webkit-animation-delay: 0.9s; animation-delay: 0.9s; }
.life_pro:nth-child(1):before { content: ""; width: 0; height: 0; position: absolute; border: 15px solid transparent; border-right: 15px solid #383f47; right: 50%; top: 50%; margin-top: -15px; z-index: 1; }
.life_pro:nth-child(2):before { content: ""; width: 0; height: 0; position: absolute; border: 15px solid transparent; border-left: 15px solid #646560; left: 49%; top: 50%; margin-top: -15px; z-index: 1; }
.life_pro:nth-child(4):before { content: ""; width: 0; height: 0; position: absolute; border: 5px solid transparent; border-left: 8px solid #646560; position: absolute; left: 49%; top: 50%; margin-top: -9px; }
.life_pro:nth-child(3):before { content: ""; width: 15px; height: 19px; background: url(../images/lf5.png) center no-repeat; position: absolute; right: 49%; top: 50%; margin-top: -9px; }
.life_pro { width: 100%; opacity: 1 }
.life_pa1 h4 { font-size: 0.3rem; }
.life_pa1 span.cc { line-height: 1.8; margin-top: 15% }
.life_pa1 span.d_more { line-height: 1.5; margin-top: 2% }
.life_pro:nth-child(3) span.d_more, .life_pro:nth-child(3) span.d_more { margin-top: 6% }
.life_pro:nth-child(2) .life_pa { position: absolute; right: 0; }
.life_pro:nth-child(2):before { content: ""; width: 0; height: 0; position: absolute; border: 15px solid transparent; border-left: 15px solid #646560; left: 49%; top: 50%; margin-top: -15px; z-index: 1; }
.life_foot { border-top: 1px solid #efefef; margin-top: 60px; width: 100%; height: 185px; }
.life_main { max-width: 1100px; margin: 0 auto; }
.life_foot .life_main { max-width: 1200px; margin: 0 auto; position: relative; }
.life_fleft { float: left; width: 45%; margin-left: 1% }
.life_fleft a { color: #6a6a6a }
.foo1, .foo2, .foo3 { line-height: 30px; color: #6a6a6a; }
.foo1 { margin-top: 30px; }
.foo2 { margin-top: 15px; }
.foo3 { margin-top: 15px; }
.life_fright { float: right; width: 30% }
.life_fright span { text-align: center; float: right; width: 25%; margin: 28px 5% 0 0; line-height: 30px; }
.life_fright span img { width: 100%; }
.life_wapfoot { display: none; }
.life_wapfoot a { float: left; width: 50%; height: 100%; text-align: center; }
.life_wapfoot a:nth-child(1) { background: url(../images/lf5.jpg) right center no-repeat; }
.life_wapfoot a img { display: inline-block; width: 0.42rem; margin-top: 0.2rem; }
.topbut { display: none; position: absolute; bottom: -10px; right: 260px; text-align: center; z-index: 99; width: 40px; height: 40px }
.bb_logo { float: left; max-width: 176px; width: 20%; margin-top: 3% }
.bb_logo img { display: block; width: 100% }
.in_map { width: 100%; height: 44px; background: #b2b2b2 }
.in_map span { text-align: center; float: left; width: 139px; line-height: 44px; color: #333333; font-size: 14px; cursor: pointer; }
.in_map span.map_tab1 { background: none; }
.in_map span.map_tab { color: #b2b2b2; background: url(../images/in_m1.jpg) center no-repeat; }
.in_mapcon { width: 100%; height: 415px; background: url(../images/bbbg.jpg) center no-repeat; padding-bottom: 20px; }
.in_map .main, .in_mapcon .main { width: 1200px; margin: 0 auto; }
.in_mapcon .main .cola { float: left; width: 209px; height: 100%; padding-left: 30px; }
.in_mapcon .main .cola .linka { font-size: 20px; color: #fff; line-height: 16px; float: left; clear: both; margin-top: 55px; padding-bottom: 25px; text-transform: uppercase; }
.in_mapcon .main .cola .linkb { font-size: 15px; line-height: 20px; color: #fff; margin-top: 15px; float: left; clear: both; }
.in_bb1 { padding: 20px 0 0 }
.in_booa { float: left; color: #fff; font-size: 18px; line-height: 26px; margin: 30px 10px 0 30px }
.in_mapcon .main .cola1 { float: left; width: 170px; height: 100%; padding-left: 30px; }
.in_mapcon .main .cola1 .linka1 { font-size: 20px; color: #fff; line-height: 18px; float: left; clear: both; margin-top: 35px; text-transform: uppercase; }
.in_mapcon .main .cola1 .linkb1 { font-size: 12px; line-height: 18px; color: #fff; margin-top: 15px; float: left; clear: both; }
.clear { clear: both; }
.inPagination { float: left; width: 100%; overflow: hidden; font-size: 16px; padding-top: 5px; padding-bottom: 40px; display: inline; }
.inPagination .pageSkip input, .inPagination .pageSkip button { height: 21px; width: 21px; line-height: 18px; text-align: center; background: #32436f; border: 0; color: #fff; }
.inPagination .pageSkip button { width: 50px; cursor: pointer; }
.inPagination { height: 30px; color: #4d4d4d; text-align: center; margin-top: 30px; }
.inPagination a, .inPagination span, .inPagination .current { border: 1px solid #696969; display: inline-block; min-width: 34px; _width: 34px; height: 34px; margin-right: 10px; padding: 0 3px; text-align: center; vertical-align: middle; line-height: 34px; *line-height:34px;
line-height: 34px\0; white-space: nowrap; color: #727272; }
.inPagination a { position: relative; color: #727272; border: 1px solid #696969; }
.inPagination .noLink2 { font-family: "微软雅黑"; width: 34px; height: 34px; border: 1px solid #696969; }
.inPagination .current { color: #fff; background: #3c3e46; }
.inPagination a:hover { text-decoration: none; color: #fff; background: #3c3e46; border: 1px solid #3c3e46; }
.inPagination .btnRight { height: 29px; width: 94px; display: block; position: absolute; z-index: 110; right: 0; bottom: 0; }
.inPagination .noLink3, .noLink4 { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #017244; border: 0; width: 30px; height: 36px; }
.inPagination a.noLink3:hover { background: none; border: 0; color: #0076bc; }
.inPagination input { width: 36px; height: 26px; line-height: 26px; border: 1px solid #696969; display: inline-block; margin: 0 5px; }
.inPagination a.shou { border: 0; }
.inPagination a.wei { border: 0; }
.inPagination a.shou:hover, .inPagination a.wei:hover { background: #fff; color: #4d4d4d; }
.inPagination .queding { background: #416f43; color: #fff; border: 0; width: 40px; height: 26px; }
.life_fy { padding-top: 65px; }
.life_beul li { float: left; width: 32%; margin-right:1%; margin-bottom: 30px; overflow: hidden; }
.life_beul li a { float: left; width: 100%; position: relative; font-size: 20px; text-align: center; border-bottom: 1px solid #d0d0d0 }
.life_beul li a img { width: 100%; display: block; }
.life_beul li a span { display: block; padding: 10px 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.life_beul li a:hover { border-bottom: 1px solid #6bb82b }
.life_beul li a i { position: absolute; left: 50%; top: 44%; margin-left: -0.28rem; margin-top: -0.28rem; width: 0.56rem; height: 0.56rem; background: url(../images/lf8.png) center no-repeat; background-size: cover; }
.beauty_title { text-align: center; font-size: 20px; color: #393939; margin-top: 20px }
.beaury_video { max-width: 580px; margin: 0 auto; }
.fy_return { text-align: center; font-size: 16px; padding: 30px 0 0 }
.returnext, .returnprev, .returnlist { display: inline-block; margin: 0 10px; border-bottom: 1px solid #4e4e4e; padding: 5px 10px; }
.returnlist img { display: inline-block; vertical-align: middle; margin: 0 5px; }
.life_notef { background: #f5f5f5; margin: 45px 0; padding-bottom: 40px; }
.circle_bg { margin: 0 0 }
.circle_bg li { float: left; width: 29%; margin: 0 20px; }
.circle_bg li a { float: left; width: 100%; }
.circle_bg li a img { width: 100%; display: block; }
.circle_bg li .title { float: left; width: 100%; display: block; font-size: 20px; color: #4b352e; padding-top: 15px; line-height: 30px; text-align: center; }
.mr_frbox { float: left; width: 100%; he/ight:248px;
position: relative; }
.mr_frBtnL { cursor: pointer; display: inline; top: 50%; left: 0; position: absolute; margin-top: -50px; z-index: 11 }
.mr_frBtnR { cursor: pointer; top: 50%; right: 0; position: absolute; margin-top: -50px }
.mr_frUl { margin: 0 auto; max-width: 1026px; overflow: hidden; }
.tempWrap ul {
hei/ght:248px; overflow: hidden; }
.tempWrap { max-width: 1026px !important }
.wap_note { float: left; width: 100%; padding: 0.3rem 0 0; }
.wap_note li { float: left; width: 2.71rem; margin-left: 0.3rem }
.wap_note li .title { display: block; text-align: center; font-size: 0.2rem; line-height: 3 }
.wap_nomore { display: block; text-align: center; display: none }
.wap_nomore span { display: inline-block; border-bottom: 1px solid #696969; line-height: 2; padding: 0 3% }
.wap_notef { display: none; }
.life_try { width: 100%; }
.life_try li { float: left; width: 48.6%; margin-right: 2.8%; margin-bottom: 3% }
.life_try li a img { display: block; width: 100% }
.life_try li:nth-child(even) { margin-right: 0 }
.life_try li h4 { line-height: 2; font-size: 22px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-top: 10px; }
.life_try li .try_time { line-height: 2; display: block; color: #6bb82a; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.life_try li .try_cc { color: #7e7e7e; line-height: 26px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; }
.life_try li .appl { display: inline-block; border: 1px solid #696969; color: #4e4e4e; padding: 1% 8%; margin-top: 3% }
.try_content { padding: 0 5%; line-height: 2; display: block; overflow: hidden; text-indent: 0.3rem; margin-bottom: 20px; }
.try_content img { margin: 0 auto; display: block; }
.try_content p { margin-top: 15px; margin-bottom: 15px; }
.text_none { text-indent: 0 !important }
.try_er { display: block; margin: 5% auto; }
.try_er img { display: block; width: 2.29rem; height: 2.28rem; margin: 0 auto; }
.try_er span { display: block; margin: 5% auto; width: 3.6rem; height: 0.8rem; background: url(../images/lf10.jpg) center no-repeat; background-size: cover; }
.life_news { float: left; width: 100%; }
.life_news li { float: left; width: 100%; box-sizing: border-box; padding: 0 3%; margin-bottom: 35px; }
.news_time { float: left; width: 7%; color: #c1c1c1; border-right: 1px solid #eaeaea }
.news_time span { display: block; font-size: 20px; line-height: 2; }
.news_rcon { float: left; width: 90%; padding-left: 2%; border-bottom: 1px solid #eeeeee; padding-bottom: 13px }
.news_rcon h4 { font-size: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: 1; }
.news_cc { margin-top: 1%; line-height: 1.6; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; color: #969696; }
.news_rcon span { display: block; line-height: 2; margin-top: 10px; }
.life_news1 { float: left; width: 100% }
.life_news1 li { float: left; width: 49%; border: 1px solid #efeded; padding: 30px 25px; box-sizing: border-box; margin: 0 2% 30px 0; }
.life_news1 li img { float: left; width: 30% }
.life_news1r { float: left; width: 65%; padding-left: 5%; }
.life_news1r span { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #c1c1c1; }
.life_news1r h4 { font-size: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: 2; }
.news1_cc { color: #969696; overflow: hidden; line-height: 20px; height: 40px; }
.life_ntitle { display: block; text-align: center; font-size: 24px; margin: 10px 0 20px; line-height: 1.5; }
.lefe_ntime { text-align: center; display: block; color: #c1c1c1; }
.view-share { width: 120px; margin: 20px auto; }
.life_nline { width: 90%; margin: 0 auto; border-bottom: 1px solid #ccc; margin-bottom: 20px; }
.life_video { float: left; width: 100%; }
.life_video li { background: url(../images/lf11.jpg) right center no-repeat #fff; float: left; width: 100%; box-sizing: border-box; border: 1px solid #efeded; padding: 14px; margin-bottom: 23px; }
.life_videol { float: left; width: 32%; position: relative; }
.life_videol i { position: absolute; left: 50%; top: 50%; margin-left: -0.28rem; margin-top: -0.28rem; width: 0.56rem; height: 0.56rem; background: url(../images/lf8.png) center no-repeat; background-size: cover; }
.life_videor { float: left; width: 50%; padding-left: 5%; }
.life_videor h4 { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 24px; margin: 20px 0 10px; }
.life_videor .video_time { display: block; border-bottom: 1px solid #d0d0d0; width: 70%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: 2.3; color: #c0c0c0; }
.video_cc { margin-top: 20px; line-height: 1.6; font-size: 16px; color: #393939; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; }
.allpage1 { width: 100%; position: fixed; top: 0; left: 0; background: url(../images/aar.png); z-index: 9999999; width: 100%; height: 100%; display: none; }
.chara1 { width: 33px; height: 36px; position: absolute; top: -36px; right: -33px; }
.abca_mid { width: 100%; padding: 60px 0 0 0; margin: 0 auto; }
.abca_mid_n { position: relative; background: #fff; padding: 11px; height: 640px; width: 602px; box-sizing: border-box; margin: 0 auto; }
.abca_mid_n_tit { padding: 1% 3%; text-align: left; line-height: 2; color: #393939; font-size: 24px; }
.abca_mid_n_bt { width: 100%; }
.abca_mid_n_bt li { margin: 0 auto; margin-top: 6%; line-height: 2; border-radius: 5px; font-size: 0.2rem; background: url(../images/dian1.gif) 15% center no-repeat #920603; width: 80%; text-align: center; }
.abca_mid_n_bt li a { color: #fef9e1; }
.vv_time { display: block; color: #c5c5c5; margin: 0 3%; border-bottom: 1px solid #d0d0d0; line-height: 2; }
.video_cc1 { padding: 0 3%; margin: 3% 0; font-size: 16px; line-height: 26px; height: 80px; overflow-y: scroll; }
.life_videof { background: #f5f5f5; margin: 45px 0; padding: 0; }
.life_vbgcolor { background: #fff; margin: 5% 3% 0; padding: 3% 0; }
.wap_videof { padding: 0 3% 3% }
.wap_vname { font-size: 0.3rem; padding: 0 5%; }
.wap_vtime { border-bottom: 1px solid #d0d0d0; margin: 0 5% 3%; width: 55%; color: #c0c0c0; line-height: 2 }
.friendlink { display: inline-block; width: 200px; padding: 5px 5px 0 5px; }
.life_proselect { text-align: center; margin: 45px 0 0; }
.jslct { text-align: left; color: #494848; font-family: "微软雅黑"; display: inline-block; *display:inline;
zoom: 1; font-size: 14px; position: relative; vertical-align: middle; cursor: default; width: 200px; height: 35px; line-height: 35px; background: url(../images/lf12.jpg) no-repeat; z-index: 0; background-size: 100% }
.jslct_hover { }
.jslct div.jslct_t { padding-left: 15px; position: relative; z-index: 2; *display:block!important;
*display:inline;
zoom: 1; }
.jslct em { font-style: normal; margin: 0; padding: 0; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.jslct dl, .jslct dl dd { padding: 0; margin: 0; list-style: none }
.jslct dl { background: #fff; position: absolute; top: 30px; left: 0; border: 1px solid #d4d4d4; cursor: default; line-height: 22px; width: 198px; overflow: hidden; z-index: 1; display: none; font-size: 14px; }
.jslct_hover dl { border: 1px solid #d4d4d4!important }
.jslct dl dd { padding: 0px 4px 2px 4px; *padding:2px 4px 0 4px;
white-space: nowrap; background: #fff; cursor: pointer; *border-left:1px solid #fff;
}
.jslct dl dd.hover { background: #efefef; color: #494848; }
.jslct .jslcted { background: #efefef; }
.jslct dl dd.noborder { border: none!important }
.life_prof { background: #f5f5f5; margin: 45px 0; padding-bottom: 5% }
.life_proul { float: left; width: 100%; text-align: center; }
.life_proul li { display: inline-block; width: 24%; padding-right: 1.2%; padding-bottom: 2% }
.life_proul li img { display: block; width: 100% }
.life_proul li:nth-child(4n) { padding-right: 0; }
.life_proul li h4 { color: #414141; font-size: 18px; padding: 20px 3% 0; line-height: 1.5; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.pro_price { display: block; color: #9d9d9d; padding: 0 3%; line-height: 2; }
.life_pmore { display: inline-block; font-size: 16px; padding: 2% 11%; border: 1px solid #696969; margin: 2% 3%; }
.pro_limg { float: left; width: 50% }
.pro_limg img { display: block; width: 100% }
.pro_viewcon { display: block; margin: 0 0 30px; border: 1px solid #f5f5f5 }
.pro_rcc { float: left; width: 40%; padding-left: 5%; }
.pro_rcc h4 { font-size: 24px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 40px; }
.pro_vcc { margin-top: 10px; padding: 3% 0 0; color: #acacac; line-height: 2; -webkit-line-clamp: 4; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; }
.life_pline { width: 100%; margin: 15px auto; border-bottom: 1px dotted #ccc; margin-b/ottom:15px;
}
.pro_guige { color: #acacac; }
.pro_guige span { display: inline-block; border: 1px solid #acacac; padding: 2px 10px; margin: 0 10px; }
.pro_price1 { color: #acacac; margin: 10px 0 }
.pro_price1 span { color: #ff0b39; font-size: 24px; }
.life_pke { display: inline-block; border: 1px solid #696969; padding: 1% 6%; margin-top: 20px; font-size: 16px; }
.pro_lr { width: 90% }
.bb_ff { float: left; width: 14.4%; border: 1px solid #efefef }
.brand_tab { background: #f7f7f7; height: 60px; line-height: 60px; font-size: 18px; }
.pro_tab1, .pro_tab { float: left; width: 50%; height: 100%; text-align: center; cursor: pointer; }
.pro_tab { border-top: 1px solid #6bb828; background: #fff; }
.brand_ul { float: left; width: 100%; }
.brand_ul li { float: left; width: 100%; margin-top: 25px; padding-bottom: 25px; position: relative; border-bottom: 1px dotted #c8c8c8 }
.brand_ul li .img_brand1 { display: block; width: 100%; }
.brand_class { float: left; width: 100%; margin-top: 25px; }
.brand_ul li .img_brand2 { float: left; width: 100%; }
.brand_ul li .img_brand2_c { display: none; width: 100%; }
.brand_ul li .l2 { height: 50px; width: 84%; float: left; padding-left: 10px; overflow: hidden; }
.brand_ul li .l2 .ww_en { line-height: 1.8; font-size: 16px; }
.brand_ul li .l2 .ww_cn { display: none; line-height: 1.8; }
.brand_ul li .l2 a { font-size: 16px; line-height: 50px; max-width: 140px; display: inline; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#read-more01 { position: absolute; width: 40px; height: 12px; background: url(../images/lf13.jpg) center no-repeat; left: 50%; bottom: 0; margin-left: -20px; margin-bottom: -8px; }
.brand_classf { float: left; width: 100%; box-sizing: border-box; padding: 0 3% 2%; }
.brand_classf h2 { border-left: 0.03rem solid #6cb925; background: #f8f8f8; height: 0.6rem; margin-bottom: 1%; padding-left: 3%; line-height: 0.6rem }
.brand_classf ul { float: left; width: 100%; padding: 3% 0 0 }
.brand_classf ul li { float: left; width: 30%; margin: 0 4.1% 1% 0 }
.brand_classf ul li:nth-child(3n) { margin-right: 0 }
.brand_classf ul li img { display: block; border: 1px solid #efefef }
.brand_classf ul li span { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: center; line-height: 2; }
.newpro_ul { float: left; width: 100% }
.newpro_ul li { position: relative; overflow: hidden; margin-bottom: 40px; }
.img1_pro { float: left; width: 50%; }
.pro_rr { float: left; width: 40%; padding-left: 5%; }
.pro_rr h4 { display: block; font-size: 24px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.pro_rr i { display: inline-block; width: 67px; height: 25px; background: url(../images/lf14.png) center no-repeat; }
.pp_cc { margin: 10px 0 0; color: #acacac; line-height: 2; -webkit-line-clamp: 10; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; }
.pro_rr span { display: inline-block; border: 1px solid #696969; padding: 1% 7%; margin: 3% 0 0 }
.pro_bigbg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; margin: auto; }
.pro_bigbg img { width: 100%; position: absolute; top: 0; left: 0%; right: 0; bottom: 0; margin: auto; max-width: initial; }
.pro_tan { position: relative; }
.tan_prol { height: 497px; float: right; width: 40% }
.pro_tan { display: block; margin-top: 20px; display: none; }
.np_dian { cursor: pointer; }
.pz { z-index: 1; position: relative; }
.pclose { float: right; margin: 33px 0 0; cursor: pointer; }
.tan_prol h4 { display: block; float: left; width: 100%; font-size: 28px; margin: 72px 0 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.np_cc { margin-top: 25px; float: left; width: 100%; font-size: 18px; line-height: 27px; height: 54px; overflow: hidden; }
.np_more { float: left; display: inline-block; border: 1px solid #696969; padding: 1% 7%; margin: 6% 0 0 }
.nav_map { float: left; width: 80%; margin-left: 10%; margin-top: 30px; }
.nav_map li { float: left; width: 100%; margin: 0 0 30px 0 }
.nav_map li span { border-left: 2px solid #6bb82a; float: left; width: 20%; text-align: center; font-size: 20px; margin-top: 5px; line-height: 1; }
.nav_map li dl { float: left; width: 70%; line-height: 34px; }
.nav_map li dl dd { float: left; font-size: 16px; margin-right: 20px; }
.nav_map li dl dd a { color: #737373; }
.dhot_ul { float: left; width: 100%; }
.dhot_ul li { position: relative; float: left; width: 100%; margin-bottom: 45px; max-height: 300px; overflow: hidden; }
.hot_img { width: 100% }
.hot_img img { display: block; width: 100% }
.hot_wor { position: absolute; top: 0; right: 0; width: 40%; height: 100%; color: #000; text-align: left; padding-left: 10%; }
.hot_wor h2 { font-size: 30px; margin-top: 15% }
.hot_wor .hcon { display: block; line-height: 1.6; margin-top: 4%; font-size: 16px; }
.hot_wor a.more { display: inline-block; padding: 2% 8%; border: 1px solid #545454; font-size: 18px; margin-top: 6% }
.in_ques { margin-top: 100px; overflow: hidden; }
.in_ques .main { width: 1100px; margin: 0 auto; }
.que_tab1 { cursor: pointer; text-align: center; line-height: 38px; font-size: 21px; float: left; width: 210px; height: 38px; color: #fff; background: url(../images/qu2.jpg) center no-repeat; }
.que_tab { cursor: pointer; text-align: center; line-height: 38px; font-size: 21px; float: left; width: 210px; height: 38px; color: #fff; background: url(../images/qu1.jpg) center no-repeat; }
.in_quecon { width: 100%; background: #f9f9f9; overflow: hidden; }
.in_que { display: none; }
.in_que .main { width: 1100px; margin: 0 auto; }
.in_que ul { float: left; width: 100%; overflow: hidden; }
.in_que ul li { float: left; width: 100%; border-bottom: 1px solid #d8d8d8 }
.in_que ul li h4 { cursor: pointer; font-size: 19px; line-height: 73px; background: url(../images/qjia1.jpg) right 30px no-repeat; }
.in_que ul li h4.cur { cursor: pointer; line-height: 73px; background: url(../images/qjian1.jpg) right 30px no-repeat; }
.in_que ul li .f_ans { display: none; font-size: 13px; line-height: 24px; padding-bottom: 20px; }
.f_qmore { cursor: pointer; display: block; font-size: 16px; color: #525252; width: 100px; text-align: center; line-height: 40px; margin: 20px auto; text-align: center; }
.liuyan .main, .liuyanf .main { width: 1100px; margin: 0 auto; }
.liuyan { margin-top: 30px; }
.liuyanf { background: #525252; padding-bottom: 40px }
.liuyanl { float: left; width: 50%; padding: 30px 0 0 }
.liuyan_line { float: left; width: 100%; margin: 25px 0 0 }
.liuyan_line span { float: left; width: 105px; text-align: right; color: #fff; font-size: 16px; }
.liuyan_line input { background: none; float: left; width: 409px; height: 28px; overflow: hidden; border: 1px solid #868686; line-height: 28px; color: #fff }
.liuyanr { float: left; width: 50%; margin: 55px 0 0 }
.liuyanr span { float: left; width: 105px; text-align: right; color: #fff; font-size: 16px; }
.liuyanr textarea { float: left; width: 409px; height: 135px; color: #fff; font-size: 16px; border: 1px solid #868686; background: none; }
.liuyan_sub { display: block; border: 0; margin: 40px auto 0; width: 223px; height: 40px; background: #416f43; color: #fff; line-height: 40px; font-size: 16px; }
.qa_main { width: 1100px; margin: 50px auto 0; }
.qa_l { float: left; width: 45%; }
.qa_l h4 { font-size: 53px; float: left; width: 100%; margin-top: 130px }
.qa_sear { float: left; width: 448px; height: 39px; border: 1px solid #525252; margin: 30px 0 0 }
.qa_sear .qain1 { float: left; border: 0; width: 390px; height: 39px; line-height: 39px; }
.qa_sear .qain2 { float: right; margin: 3px 0 0; width: 32px; height: 32px; border: 0; background: url(../images/qass.jpg) center no-repeat; }
.qa_r { float: left; width: 55%; }
.qa_r img { float: left; width: 100%; }
.sbr_img { width: 100%; margin-top: 40px; }
.sbr_img img { display: block; width: 100%; }
.sbr_ab { width: 642px; background: #e9f1e8; background: rgba(233,241,232,0.8); margin: 0 auto; position: relative; z-index: 1; line-height: 25px; margin-top: -130px; font-size: 12px; padding: 45px 70px; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}
.ind_con { width: 1100px; margin: 0 auto; }
.ind_con ul { float: left; width: 100%; }
.ind_con ul li { float: left; width: 354px; position: relative; margin: 0 0 0 10px; }
.ind_con ul li img { display: block; width: 335px; height: 250px; margin: 6px auto; }
.ind_con ul li .ind_tan { position: absolute; left: 0; top: 0; display: none; border: 1px solid #416f43; width: 100%; box-sizing: border-box; height: 262px; background: url(../images/xxz1.png) center no-repeat; }
.ind_con ul li a:hover .ind_tan { display: block; }
.ind_con ul li .ind_wor { display: block; line-height: 30px; font-size: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: center; }
.ind_fy { width: 100%; text-align: center; margin: 20px 0 }
.ind_fy a { display: inline-block; border-bottom: 1px solid #000; color: #000; font-size: 16px; margin: 0 10px; padding: 0 5px; }
.indf { width: 100%; text-align: center; margin: 60px 0 40px }
.indf a { display: inline-block; line-height: 28px; color: #fff; width: 140px; background: #747474; margin: 0 10px; }
.indf a.ind_tab1 { background: #416f43; color: #fff; }
.pro_ttcon { width: 100%; text-align: center; }
.pro_ttabf { width: 100%; text-align: center }
.pro_ttabf span { display: inline-block; width: 147px; height: 146px; cursor: pointer; }
.pro_ttabf span:nth-child(1) { background: url(../images/pp0.png) center no-repeat; }
.pro_ttabf span:nth-child(2) { background: url(../images/pp1.png) center no-repeat; }
.pro_ttabf span:nth-child(3) { background: url(../images/pp2.png) center no-repeat; }
.pro_ttabf span:nth-child(4) { background: url(../images/pp3.png) center no-repeat; }
.pro_ttabf span:nth-child(5) { background: url(../images/pp4.png) center no-repeat; }
.pro_ttabf span:nth-child(6) { background: url(../images/pp5.png) center no-repeat; }
.pro_ttabf span:nth-child(1).pro_ttab { background: url(../images/pp6.png) center no-repeat; }
.pro_ttabf span:nth-child(2).pro_ttab { background: url(../images/pp7.png) center no-repeat; }
.pro_ttabf span:nth-child(3).pro_ttab { background: url(../images/pp8.png) center no-repeat; }
.pro_ttabf span:nth-child(4).pro_ttab { background: url(../images/pp9.png) center no-repeat; }
.pro_ttabf span:nth-child(5).pro_ttab { background: url(../images/pp10.png) center no-repeat; }
.pro_ttabf span:nth-child(6).pro_ttab { background: url(../images/pp11.png) center no-repeat; }
.pro_mpc { display: none; display:;
margin-top: 20px; line-height: 30px; }
.dh_more1 { display: block; width: 1.5rem; line-height: 2; text-align: center; border-radius: 0.3rem; font-size: 0.2rem; border: 1px solid #000000; margin: 0.3rem auto 0; }
.swiper-containers { position: relative; margin-top: 0.3rem; overflow: hidden; width: 86%; padding: 0 7%; height: 100%; }
#swipers .swiper-button-next, .swiper-container-rtl .swiper-button-prev { right: 0.1rem; background-image: url(../images/dh2.png) !important; background-size: 100% }
#swipers .swiper-button-prev, .swiper-container-rtl .swiper-button-next { left: 0.1rem; background-image: url(../images/dh1.png) !important; background-size: 100% }
#swipers .swiper-button-next, #swipers .swiper-button-prev { width: 0.27rem; height: 0.41rem }
.dh_title { text-align: center; font-size: 0.34rem; margin-top: 0.3rem }
.dh_zz { background: #fff; padding: 0.3rem 0; }
.dh_sc { background: #f5f5f5; padding: 0.3rem 0; overflow: hidden; }
.dh_scf { margin: 0.3rem 0.24rem 0 }
.dh_scl { float: left; width: 3.94rem; }
.dh_scl01 { float: left; width: 100%; height: 2.42rem; }
.dh_scl01 img { float: left; width: 1.97rem; height: 2.42rem; }
.dh_sclw { float: left; width: 1.77rem; height: 1.92rem; text-align: center; color: #fff; padding: 0.5rem 0.1rem 0; background: url(../images/dh3.png) #003803 center 1.5rem no-repeat; background-size: 0.4rem }
.dh_sclw02 { float: left; width: 1.77rem; height: 1.92rem; text-align: center; color: #fff; padding: 0.5rem 0.1rem 0; background: url(../images/dh4.png) #1d7a31 center 1.5rem no-repeat; background-size: 0.4rem }
.dh_scr { float: left; width: 1.97rem; }
.dh_scr img { float: left; width: 1.97rem; height: 2.42rem; }
.dh_sclw03 { float: left; width: 1.77rem; height: 1.92rem; text-align: center; color: #fff; padding: 0.5rem 0.1rem 0; background: url(../images/dh5.png) #28705a center 1.5rem no-repeat; background-size: 0.4rem }
.dh_ab { background: url(../images/dh2.jpg) center top no-repeat; height: 6.38rem; background-size: cover; margin-top: 0.3rem }
.dh_title1 { text-align: center; font-size: 0.34rem; padding-top: 0.4rem; color: #fff; }
.swiper-containera { position: relative; margin-top: 0.3rem; overflow: hidden; width: 84%; padding: 0 8%; hei/ght:4rem;
}
.swiper-containera .swiper-slide { background: #f8f8f8 }
.swiper-containera .swiper-slide img { float: left; width: 50%; }
.swiper-containera .swiper-slide .swcon { float: left; width: 50% }
.swiper-containera .swiper-slide .swcon h4 { margin: 0 auto; width: 90%; border-bottom: 1px solid #aaaaaa; font-size: 0.2rem; line-height: 1.5; padding: 0.2rem 0 }
.swiper-containera .swiper-slide .swcon .swcc { width: 90%; font-size: 0.18rem; overflow: hidden; height: 2.6rem; line-height: 1.6; margin: 0.1rem auto; }
#swipera .swiper-button-next, .swiper-container-rtl .swiper-button-prev { right: 0.1rem; background-image: url(../images/dh3.jpg) !important; background-size: 100% }
#swipera .swiper-button-prev, .swiper-container-rtl .swiper-button-next { left: 0.1rem; background-image: url(../images/dh4.jpg) !important; background-size: 100% }
#swipera .swiper-button-next, #swipera .swiper-button-prev { width: 0.31rem; height: 0.7rem }
.dh_swpo { position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; color: #fff; background: rgba(0,0,0,0.3) }
.dh_swpo .dh_sp1 { font-size: 0.2rem; margin-top: 0.25rem }
.dh_swpo .dh_sp2 { font-size: 0.25rem; margin-top: 1.3rem }
.dh_swpo .dh_sp2:before { content: "——   " }
.dh_swpo .dh_sp2:after { content: "   ——" }
.dh_swpo .dh_sp3 { font-size: 0.3rem; margin-top: 0.5rem }
.dh_swmore { display: block; width: 1.3rem; line-height: 0.4rem; border-radius: 0.2rem; color: #fff; margin: 0 auto; font-size: 0.2rem; border: 1px solid #fff; margin-top: 0.7rem }
.dh_wapfnav { display: none; width: 100%; text-align: center; font-size: 0.19rem; margin-top: 0.3rem; color: #fff; background: url(../images/dh6.jpg) center no-repeat; background-size: cover; line-height: 2; }
.dh_wapfnav a { display: inline-block; margin: 0 1%; font-size: 0.19rem; color: #fff; }
.dh_wapfwor { display: none; width: 100%; margin-top: 0.2rem; text-align: center; font-size: 12px; color: #888888; padding: 0; line-height: 1.6; }
.dh_wapfnav1 { display: none; width: 100%; text-align: center; font-size: 0.19rem; color: #464646; line-height: 2; padding-bottom: 0.2rem; }
.dh_wapfnav1 a { display: inline-block; margin: 0 1%; font-size: 0.19rem; color: #464646; }
.navcon h2 img.guanbi { float: left; max-width: 0.4rem; margin-top: 0.2rem; margin-left: 0.3rem }
.swiper-container2 { margin: 5% 5% 0; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; }
.swiper-container2 .swiper-slide img { height: 5.7rem; width: 100% }
.dh_dd1 { text-align: center; display: block; font-size: 0.25rem; margin: 0.6rem 0 0 }
.dh_dd2 { text-align: left; display: block; font-size: 0.22rem; margin: 0.2rem 0 0 }
#swiper22 .swiper-pagination { top: 5.93rem }
#swiper22 .swiper-pagination-bullet { background: #5a5a5a; opacity: 1; border: 1px solid #f5f5f5 }
#swiper22 .swiper-pagination-bullet-active { background: none; opacity: 1; border: 1px solid #5a5a5a }
.dh_ddlogo { display: block; text-align: center; }
.dh_ddlogo img { display: inline-block; max-width: 1.76rem; }
.dh_wapfnav1 ul { float: left; width: 100%; text-align: center; margin: 0.2rem 0 }
.dh_wapfnav1 ul li { display: inline-block; margin: 0 0.1rem }
.dh_wapfnav1 ul li img { width: 1.06rem; height: 1.06rem; border: 1px solid #e9e9e9; }
.dh_wapfnav1 ul li span { display: block; text-align: center; font-size: 0.2rem }
@media all and (max-width:1023px) {
.wap_note li img { height: 4rem }
.try_content p { margin-left: 0 !important }
.life_foot .life_main { width: 100% }
.dh_wapfnav { display: block; }
.dh_wapfnav1 { display: block; }
.dh_wapfwor { display: block; }
.np_cc { margin-top: 25px; float: left; width: 100%; font-size: 18px; line-height: 1.6; height: auto; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; }
.news1_cc { color: #969696; -webkit-line-clamp: 2; height: auto; line-height: normal; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; }
.topbut { display: none; position: fixed; bottom: 2%; right: 2%; text-align: center; z-index: 99; width: 0.4rem; height: 0.4rem }
.wao_line { height: 0.85rem; }
html { font-size: 625%; -webkit-text-size-adjust: none; max-height: 100% }
body { font-size: 0.16rem; max-width: 6.4rem; margin: 0 auto; font-size: 0.24rem; position: relative; }
img { max-width: 100%; display: block; }
.life_pro { width: 100%; min-height: 2.4rem; opacity: 1 }
.life_icon { margin-top: 0; }
.life_foot { height: auto; border-top: 0; margin: 0; }
.foo1 { display: none; }
.foo3 { display: none; }
.foo2 { display: none; }
.life_fleft { width: 100%; margin-bottom: 0.8rem; display: none; }
.foo2 { font-size: 0.24rem; text-align: center; margin: 4% 0 }
.life_fright { display: none; }
.bb_logo { display: none; }
.life_pa1 h4 { font-size: 0.3rem; }
.life_pa1 span.cc { line-height: 1.8; margin-top: 15% }
.life_pa1 span.d_more { line-height: 1.5; margin-top: 2% }
.life_pro:nth-child(3) span.d_more, .life_pro:nth-child(3) span.d_more { margin-top: 6% }
.life_pro:nth-child(2) .life_pa { position: absolute; right: 0; }
.life_pro:nth-child(2):before { content: ""; width: 0; height: 0; position: absolute; border: 15px solid transparent; border-left: 15px solid #646560; left: 49%; top: 50%; margin-top: -15px; z-index: 1; }
.life_nav { display: none; }
.life_top { display: none; }
.life_head { background: url(../images/dh6.jpg) no-repeat; }
.life_head .top_slang { display: none; width: 1.3rem; padding: 0; }
.top_slang span { text-align: right; }
.life_head i { display: block; }
.lang_tan { width: 1.5rem; right: 0; margin: 0; top: 0.6rem }
.life_logo { width: 28.75%; margin: 0 auto; }
.life_logo img { width: 100%; max-width: 185px; }
.life_head { padding-bottom: 0.15rem; height: 0.7rem; marg/in-top:1%;
position: fixed; width: 100%; max-width: 6.4rem; margin: 0 auto; background: url(../images/dh6.jpg) no-repeat; background-size: cover; top: 0; z-index: 333; }
#swiper1 { display: none; }
#swiper2 { display: block; }
.life_wapfoot { width: 100%; display: block; position: fixed; left: 0; bottom: 0; height: 0.8rem; background: #f5f5f5; }
.life_beul li { width: 46.4%; margin-left: 2.2%; margin-right: 0; margin-bottom: 0.23rem }
.life_nav1 { display: none; }
.life_fy { padding-top: 0.2rem; }
.life_beul li a { font-size: 0.24rem }
.beauty_title { font-size: 0.3; margin-top: 0.3rem }
.beaury_video { max-width: 750px; margin: 0 auto; }
.life_notef { display: none; }
.wap_notef { display: block; }
.life_try li { width: 83.4375%; margin-right: 0; margin-left: 8% }
.life_try li .try_cc { display: none; }
.wap_nomore { display: block; }
.inPagination { display: none; }
.life_news li { margin-bottom: 0.2rem }
.news_rcon h4 { font-size: 0.28rem; }
.news_cc { line-height: 1.3; margin-top: 2% }
.news_time span { font-size: 0.2rem; }
.news_time { width: 13% }
.news_rcon { width: 80%; padding-left: 5%; padding-bottom: 2% }
.news_rcon span { margin-top: 1%; line-height: 1.5; }
.life_news1 li { width: 94%; padding: 4% 3%; margin: 0 0 4% 3%; }
.life_news1r h4 { font-size: 0.28rem; line-height: 1.5; }
.life_ntitle { font-size: 0.3rem; margin: 0.1rem 0 0.2rem; padding: 0 3% }
.view-share { margin: 3% auto; }
.life_nline { margin-bottom: 3% }
.life_videof { display: block; padding: 1% 0 5%; margin: 0; }
.life_video { margin: 0 3%; width: 94% }
.life_video li { background: #fff; padding: 2.5%; margin-bottom: 0.15rem; }
.life_videol { width: 40% }
.life_videor { width: 55% }
.life_videor h4 { margin: 0.1rem 0 0; font-size: 0.26rem }
.life_videor .video_time { line-height: 1.8; }
.video_cc { font-size: 0.24rem; line-height: 1.3; margin-top: 0.15rem; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; }
.fy_return { font-size: 0.2rem; padding: 0.2rem 0 0 }
.returnext, .returnprev, .returnlist { margin: 0 2%; padding: 0.1rem 0.2rem; }
.returnlist img { margin: 0 0.1rem; width: 0.23rem }
.life_proul { margin-top: 0.2rem }
.life_proul li { width: 46%; margin-right: 0; margin-left: 2.5%; text-align: center; }
.life_proul li img { height: 2.1rem; max-width: 100%; display: inline-block; }
.life_proul li h4 { font-size: 0.3rem; padding-top: 3% }
.life_pmore { font-size: 0.24rem }
.life_prof { margin: 0; }
.pro_limg { width: 100%; }
.pro_viewcon { width: 90%; margin: 0 0 3% 5%; padding-bottom: 3%; border: 1px solid #f5f5f5 }
.pro_rcc { width: 100%; padding: 0 3%; box-sizing: border-box; }
.pro_rcc h4 { font-size: 0.3rem; margin-top: 0.3rem; }
.pro_vcc { margin-top: 0 }
.pro_price1 span { font-size: 0.3rem }
.life_pke { margin-top: 0.1rem; font-size: 0.2rem }
.life_pline { margin: 0.2rem auto; }
.life_proselect { margin: 0.2rem 0 0; }
.friendlink { float: left; width: 25%; padding: 0; margin: 0; }
.jslct { font-size: 0.24rem; width: 100%; height: 0.56rem; line-height: 0.56rem; background-size: 100% 100%; margin-left: -1px; }
.jslct div.jslct_t { padding-left: 0.2rem; }
.jslct dl { top: 0.56rem; width: 1.6rem; font-size: 0.16rem; left: -1px; }
.jslct dl dd { padding: 0 0 0 3%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.brand_tab { font-size: 0.24rem; line-height: 0.6rem; height: 0.6rem }
.brand_ul { box-sizing: border-box; padding: 0 3% }
.brand_class { margin-top: 0.25rem; }
.brand_ul li { margin-top: 0.4rem; padding-bottom: 0.25rem }
.brand_ul li .l2 a { font-size: 0.24rem; line-height: 30px; }
.brand_ul li .l2 { width: 71%; padding-left: 3%; height: 30px }
.brand_ul li .bbf { width: 25% }
.yao_bfra { padding-bottom: 3% }
.newpro_ul { box-sizing: border-box; padding: 0 3% }
.img1_pro { width: 100% }
.pro_rr { width: 100%; margin-top: 0.2rem; padding: 0 0 0.02rem 0 }
.pro_rr h4 { font-size: 0.3rem }
.pro_rr i { width: 0.67rem; height: 0.25rem; background-size: 100%; }
.pp_cc { line-height: 1.5; margin-top: 0.1rem }
.pro_rr span { display: inline-block; border: 1px solid #696969; padding: 1% 2%; margin: 2% 0 0 }
.pro_bigbg img { width: 100%; }
.newpro_ul li { margin-bottom: 0.3rem }
.nav_map { margin-top: 0.1rem; width: 86%; margin-left: 7%; }
.nav_map li { margin-bottom: 0.3rem; }
.nav_map li span { width: 100%; text-align: left; box-sizing: border-box; padding-left: 3%; font-size: 0.3rem; }
.nav_map li dl { width: 96%; line-height: 1.6; margin-top: 3%; margin-left: 4%; }
.nav_map li dl dd { font-size: 0.24rem; margin-right: 5% }
.dhot_ul li { margin-top: 0.25rem; margin-bottom: 0.2rem }
.hot_wor { }
.hot_wor h2 { margin-top: 0.1rem; font-size: 0.26rem; }
.hot_wor .hcon { margin-top: 0.15rem; line-height: 1.2; font-size: 0.2rem; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; }
.hot_wor a.more { font-size: 0.18rem; margin-top: 0.1rem }
}
.brand_ul li .l2:hover .ww_en { display: none; }
.brand_ul li .l2:hover .ww_cn { display: block; }